<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../jsjar/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="../jsjar/popper.js"></script>
<script type="text/javascript" src="../jsjar/bootstrap-4.5.0-dist/js/bootstrap.min.js"></script>
<link type="text/css" rel="stylesheet" href="../jsjar/bootstrap-4.5.0-dist/css/bootstrap.css">
</head>

<script type="text/javascript">
$(function(){
	$("#inputUsername").blur(function(){
		var username=$(this).val();
		if(username.length==0){
			$("#username_x").show();
		}else{
			$("#username_x").hide()
		}
	});
	$("#inputPassword").blur(function(){
		var password=$(this).val();
		if(password.length==0){
			$("#password_x").show();
		}else{
			$("#password_x").hide();
		}
	});
	$("#inputUsername").click(function(){
		$("#up").hide();
	});
});
</script>
<style type="text/css"> 
*{margin:0px; padding:0px;}
#bigdiv{margin-top:180px;width:370px;height:150px;float:right;margin-right:170px;}
#bigdiv div{float:left;}
.botton{width:200px;}
.tbtn{margin-left:50px;}
body{background: #ffffff url("../imgs/2.jpg");background-size:100% 230%;}
.left{width:530px;height:150px;margin-left:15%;margin-top:180px;float:left;}
.left h1{font-family: cursive;font-size: 64px;}
.left p{font-size: 14px;}
</style>
<body>
<div class="left">
<h1>水果超市管理系统</h1>
<p><i>一个专注于售卖各种各样水果的网站！</i></p>
</div>
<div id="bigdiv">
<form class="form-horizontal" action="${pageContext.request.contextPath }/fuser/fuserlogin">
<div class="control-group"><label class="control-label" contenteditable="true" for="inputUsername">账号</label>

<span class="controls"><input id="inputUsername" placeholder="账号" type="text" name="fusername" /></span><span id="username_x" style="display: none;color: red; ">账号不得为空！</span>
</div>

<div class="control-group"><label class="control-label" contenteditable="true" for="inputPassword">密码</label>

<span class="controls"><input id="inputPassword" placeholder="密码" type="password" name="fpassword"/></span><span id="password_x" style="display: none;color: red; ">密码不得为空！</span>
</div>
<span id="up" style="color:red;float:left;font-size:12px;">${up }</span>
<div class="control-group botton">
<div class="controls tbtn"><button class="btn" contenteditable="true" type="submit">登录</button><a class="btn" href="${pageContext.request.contextPath }/fuser/jump01">注册</a></div>
</div>
</form>
</div>
</body>
</html>